Web developers choose breakpoints by researching the screen pixel size of various common mobile devices. Then they consider those dimensions when creating the media breakpoints in CSS. Pixel ranges are created with the min and max-width properties to accommodate for various screen sizes.